<template>
    <page-body>
        <view class="page">
            <!---flex布局flex布局开始-->
            <view class="flex benben-flex-layout flex-wrap align-center">
                <view>
					<view class="detailsDd_flex_0" :style="{height:(168+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
					    <view class='flex detailsDd_fd0_0'>
					        <view class="detailsDd_fd0_1" @tap.stop="tabsTap(1,1)" :class="tabs == '1' ? 'detailsDd_fd0_2' : ''">餐饮订单</view>
					        <view class="detailsDd_fd0_1" @tap.stop="tabsTap(2,1)" :class="tabs == '2' ? 'detailsDd_fd0_2' : ''">跑腿订单</view>
					    </view>
						<view class="flex ding_1" v-if="tabs == 1">
							<template v-for='(item,key0) in tabList1'>
								<view class="ding_2" @tap="tabsTap(item.aid,2)">
									<text :class="item.aid == tabs1 ? 'ding_4' : ''">{{item.name}}</text>
									<view class="ding_3" v-if="item.aid == tabs1"></view>
								</view>
							</template>
						</view>
						<view class="flex ding_1" v-if="tabs == 2">
							<template v-for='(item,key0) in tabList2'>
								<view class="ding_2" @tap="tabsTap(item.aid,3)">
									<text :class="item.aid == tabs2 ? 'ding_4' : ''">{{item.name}}</text>
									<view class="ding_3" v-if="item.aid == tabs2"></view>
								</view>
							</template>
						</view>
					</view>
					<view :style="{height: (176+StatusBarRpx)+'rpx'}"></view>
                    <view style="width: 750rpx;">
                        <view class="benben_tabsfd0_0-body-item flex flex-direction flex-wrap align-stretch" v-if=" tabs == '1' " >
							<fu-loading v-if="isShow"></fu-loading>
                            <view class='flex flex-direction flex-wrap align-stretch order_bodyItemfd0_0_c3_c1' v-if="!isShow">
								<template v-for='(item,key0) in list1'>
									<view class='flex flex-direction flex-wrap align-stretch order_bodyItemfd0_0_c3_c1_c0' @tap.stop="handleJumpDiy" data-type="navigateTo" 
									:data-url="`/pages/order/detailsDd/detailsDd?order_sn=${item.order_sn}&order_id=${item.aid}&orderType=${tabs}`">
										<view class='flex flex-wrap align-center order_bodyItemfd0_0_c3_c1_c0_c0' v-if="item.store_info">
											<view class='flex flex-wrap align-center flex-sub order_bodyItemfd0_0_c3_c1_c0_c0_c0'>
												<image class='order_bodyItemfd0_0_c3_c1_c0_c0_c0_c0' mode="aspectFill" :src='item.store_info.logo'></image>
												<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c0_c1'>{{item.store_info.name}}</text>
												<image class='order_bodyItemfd0_0_c3_c1_c0_c0_c0_c2' mode="aspectFit" :src='STATIC_URL+"38.png"'></image>
											</view>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c0_c11' v-if="item.send_mode == 'takeout'">外卖</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c0_c12' v-if="item.send_mode == 'pack'">自提</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c0_c13' v-if="item.send_mode == 'eatin'">堂食</button>
												<!--  //状态;-1:已取消;0:待付款;1:待接单（商家待接单）;2:待出餐（商家待出餐）;3:已出餐（商家已出餐，待自提，待堂食，待骑手接单）;
												4:骑手已接单;5:骑手已到店 （待取餐）;6:配送中（已取餐）;7:已完成(骑手送达) -->
											<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c2' v-if="item.status == -1">已取消</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c2' v-if="item.status == 0">待付款</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c2' v-if="item.status == 1">待接单</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c2' v-if="item.status == 2">商家已接单</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c2' v-if="item.status == 3 && item.send_mode == 'takeout'">骑手待接单</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c2' v-if="item.status == 3 && item.send_mode != 'takeout'">待取货</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c2' v-if="item.status == 4">骑手已接单</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c2' v-if="item.status == 5">骑手已到店</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c2' v-if="item.status == 6">骑手配送中</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c2' v-if="item.status == 7 && item.after_sale == 0 && item.is_evaluate == 2">已完成</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c2' v-if="item.status == 7 && item.after_sale == 0 && item.is_evaluate != 2">订单已送达</text>
											<!-- after_sale		售后状态： -1=驳回;1=审核中;2=通过;-2=撤销;0=未提交售后 -->
											<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c2' v-if="item.after_sale == 1">售后处理中</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c2' v-if="item.after_sale == 2">售后已完成</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c0_c2' v-if="item.after_sale == -1">售后已驳回</text>
										</view>

										<scroll-view class='order_bodyItemfd0_0_c3_c1_c0_c1' v-if="item.goods_list.length" :scroll-x='true'>
											<view class='flex benben-scroll flex align-center'>
												<template v-for='(itm,ky0) in item.goods_list'>
													<view class='flex flex-direction flex-wrap align-stretch order_bodyItemfd0_0_c3_c1_c0_c1_c0'>
														<image class='order_bodyItemfd0_0_c3_c1_c0_c1_c0_c0' mode="aspectFill" :src='itm.goods_thumb'></image>
														<text class='order_bodyItemfd0_0_c3_c1_c0_c1_c0_c1'>{{itm.goods_name}}</text>
													</view>
												</template>
											</view>
										</scroll-view>

										<view class='flex flex-wrap align-center justify-end order_bodyItemfd0_0_c3_c1_c0_c2'>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c2_c0'>共</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c2_c0'>{{item.num}}</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c2_c0'>件</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c2_c3'>总价:</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c2_c4'>￥</text>
											<text class='order_bodyItemfd0_0_c3_c1_c0_c2_c5'>{{item.payable_money}}</text>
										</view>
										<view class='flex flex-wrap align-center justify-end order_bodyItemfd0_0_c3_c1_c0_c3' >
											<view class='flex flex-wrap align-center order_bodyItemfd0_0_c3_c1_c0_c3_c0' v-if="item.status == 0 && item.pay_time_end > 0">
												<text class='order_bodyItemfd0_0_c3_c1_c0_c3_c0_c0'>剩余支付时间</text>
												<benben-countdown class=' order_bodyItemfd0_0_c3_c1_c0_c3_c0_c1' :show-day='false' :show-hour='true' 
												:show-minute='true' :show-second='true' :time-type='false' :count-time="item.pay_time_end">
													<template #default="{ d, h, i, s }">
														<text class='order_bodyItemfd0_0_c3_c1_c0_c3_c0_c1_c2'>{{h}}</text>

														<text class='order_bodyItemfd0_0_c3_c1_c0_c3_c0_c1_c2'>:</text>

														<text class='order_bodyItemfd0_0_c3_c1_c0_c3_c0_c1_c2'>{{i}}</text>

														<text class='order_bodyItemfd0_0_c3_c1_c0_c3_c0_c1_c2'>:</text>

														<text class='order_bodyItemfd0_0_c3_c1_c0_c3_c0_c1_c2'>{{s}}</text>

														<text class='order_bodyItemfd0_0_c3_c1_c0_c3_c0_c1_c2'></text>
													</template>
												</benben-countdown>
											</view>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1'  @tap.stop="caozuo(item,1)" 
											    v-if="(item.status == 0 || item.status == 1 || item.status == 2)">取消订单</button>
												 <!-- && item.send_mode == 'takeout' -->
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.after_sale == 1" @tap.stop="caozuo(item,2)">撤销申请</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status == 2 || item.status == 3" @tap.stop="callMobile(item.store_info.mobile)">联系商家</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status == 4 || item.status == 5 || item.status == 6"  @tap.stop="callMobile(item.rider_info.phone)">联系骑手</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status == 7 && item.after_sale == 0" @tap.stop="handleJumpDiy" data-type="navigateTo" 
				                                :data-url="`/pages/order/sqRefund/sqRefund?order_sn=${item.order_sn}&type=${tabs}`" style="margin-right: 14rpx;">申请退款</button>
				                            <!-- <button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status == 7 && item.after_sale == 1" @tap.stop="handleJumpDiy" data-type="navigateTo"
				                                :data-url="`/pages/order/sqRefund/sqRefund?order_sn=${item.order_sn}&type=${tabs}`" style="margin-right: 14rpx;">撤销申请</button> -->
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="(item.status == 7 && item.after_sale == 2) || item.status == -1" @tap.stop="caozuo(item,3)">删除订单</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status == 7 && item.is_evaluate != 2" @tap.stop="handleJumpDiy" data-type="navigateTo"
				                                :data-url="`/pages/order/evaluate/evaluate?aid=${item.aid}`">去评价</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status == 7 && item.is_evaluate == 2" @tap.stop="handleJumpDiy" data-type="navigateTo"
											    :data-url="`/pages/order/evaluate/evaluate?aid=${item.aid}&type=1`">查看评价</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c2' v-if="item.status == 0" @tap.stop="handleJumpDiy" data-type="navigateTo" 
									            :data-url="`/pages/inSchool/cashier/cashier?money=${item.payable_money}&order_sn=${item.order_sn}&type=1&countdown=${item.pay_time_end}`">立即付款</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c2' v-if="item.status == 3 && item.send_mode != 'takeout'" @tap.stop="caozuo(item,5)" >确认取货</button>
											<!-- ` -->
										</view>
									</view>
								</template>
								<view v-if="list1.length == 0" class="text-xl text-center text-gray flex flex-direction align-center justify-center"
									style="margin-top: 20%;">
									<image :src='STATIC_URL+"137.png"' mode="widthFix" style="width:400rpx;margin: 0 auto;"></image>
								</view>
								<!-- <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData" :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty> -->
                            </view>
                        </view>
                        <view class="benben_tabsfd0_0-body-item flex flex-direction flex-wrap align-stretch" v-if=" tabs == '2' ">
							<fu-loading v-if="isShow"></fu-loading>
                            <view class='flex flex-direction flex-wrap align-stretch order_bodyItemfd0_0_c3_c1' v-if="!isShow">
                                <template v-for='(item,key0) in list1'>
                                    <view class='flex flex-direction flex-wrap align-stretch order_bodyItemfd0_0_c4_c1_c0' @tap.stop="handleJumpDiy" data-type="navigateTo" 
									:data-url="`/pages/order/legDdXq/legDdXq?order_sn=${item.order_sn}&order_id=${item.aid}&orderType=${tabs}`">
                                        <view class='flex flex-wrap align-center order_bodyItemfd0_0_c4_c1_c0_c0'>
                                            <button class='order_bodyItemfd0_0_c4_c1_c0_c0_c0' v-if=" item.order_type=='1'">快递代取</button>
											<button class='order_bodyItemfd0_0_c4_c1_c0_c0_c0_1' v-if=" item.order_type=='2'">外卖代取</button>
											<button class='order_bodyItemfd0_0_c4_c1_c0_c0_c0_2' v-if=" item.order_type=='3'">校园跑腿</button>
                                            <text class='order_bodyItemfd0_0_c4_c1_c0_c0_c1'>订单编号:</text>
                                            <text class='flex-sub order_bodyItemfd0_0_c4_c1_c0_c0_c2'>{{item.order_sn}}</text>
                                            <text class='order_bodyItemfd0_0_c4_c1_c0_c0_c3' v-if=" item.status=='4' && item.pay_status == '0'">已完成未支付</text>
                                            <text class='order_bodyItemfd0_0_c4_c1_c0_c0_c3' v-if=" item.status=='4' && item.pay_status == '1'">已完成</text>
											<text class='order_bodyItemfd0_0_c4_c1_c0_c0_c3' v-if=" item.status=='1'">待接单</text>
											<text class='order_bodyItemfd0_0_c4_c1_c0_c0_c3' v-if=" item.status=='2'">进行中待取货</text>
											<!-- <text class='order_bodyItemfd0_0_c4_c1_c0_c0_c3' v-if=" item.status=='3'">配送中</text> -->
											<text class='order_bodyItemfd0_0_c4_c1_c0_c0_c3' v-if=" item.status=='3' && item.pay_status == '0'">进行中待付款</text>
											<text class='order_bodyItemfd0_0_c4_c1_c0_c0_c3' v-if=" item.status=='3' && item.pay_status == '1'">进行中已付款</text>
											<text class='order_bodyItemfd0_0_c4_c1_c0_c0_c3' v-if=" item.status=='-1'">已取消</text>
                                        </view>
                                        <view class='flex flex-wrap align-center'>
                                            <view class='flex flex-direction flex-wrap align-center order_bodyItemfd0_0_c4_c1_c0_c1_c0'>
                                                <view class='flex flex-wrap align-center self-center order_bodyItemfd0_0_c4_c1_c0_c1_c0_c0'>
                                                    <text class='order_bodyItemfd0_0_c4_c1_c0_c1_c0_c0_c0'>取</text>
                                                </view>
                                                <image class='order_bodyItemfd0_0_c4_c1_c0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"55.jpg"'></image>
                                                <view class='flex flex-wrap align-center self-center order_bodyItemfd0_0_c4_c1_c0_c1_c0_c2'>
                                                    <text class='order_bodyItemfd0_0_c4_c1_c0_c1_c0_c0_c0'>收</text>
                                                </view>
                                            </view>
                                            <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
                                                <view class='flex flex-direction flex-wrap align-stretch order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0' v-if="item.start_address_info">
                                                    <text class='order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c0'>{{item.start_address_info.detail}}</text>
                                                    <view class='flex flex-wrap align-center order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1'>
                                                        <text class='order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c0'>{{item.start_address_info.name}}</text>
                                                        <text class='order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c1'>（</text>
                                                        <text class='order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c1' v-if=" item.start_address_info.sex=='2'">女士</text><text class='order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c1' v-if=" item.start_address_info.sex=='1'">先生</text>
                                                        <text class='order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c3'>）</text>
                                                        <text class='order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c1'>{{item.start_address_info.mobile}}</text>
                                                    </view>
                                                </view>
                                                <view class='flex flex-direction flex-wrap align-stretch order_bodyItemfd0_0_c4_c1_c0_c1_c1_c1'>
                                                    <text class='order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c0'>{{item.end_address_info.detail}}</text>
                                                    <view class='flex flex-wrap align-center order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1'>
                                                        <text class='order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c0'>{{item.end_address_info.name}}</text>
                                                        <text class='order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c1'>（</text>
                                                        <text class='order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c1' v-if=" item.end_address_info.sex=='2'">女士</text><text class='order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c1' v-if=" item.end_address_info.sex=='1'">先生</text>
                                                        <text class='order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c3'>）</text>
                                                        <text class='order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c1'>{{item.end_address_info.mobile}}</text>
                                                    </view>
                                                </view>
                                            </view>
                                        </view>
                                        <view class='flex flex-wrap align-center justify-end order_bodyItemfd0_0_c4_c1_c0_c2'>
                                            <text class='order_bodyItemfd0_0_c4_c1_c0_c2_c0'>{{item.create_time}}</text>
                                            <button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if=" item.status=='1' || (item.status=='2' && !item.pick_time)" @tap.stop="caozuo(item,1)">取消订单</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status=='3' && item.pay_status == '0'">联系骑手</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status=='4' && item.pay_status == '0' && item.is_evaluate == '0'"
											@tap.stop="handleJumpDiy" data-type="navigateTo"
											:data-url="`/pages/order/ptEvaluate/ptEvaluate?aid=${item.aid}&user_id=${item.rider_id}&time=${item.finish_time}`">去评价</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status=='4' && item.pay_status == '0' && item.is_evaluate != '0'"
											@tap.stop="handleJumpDiy" data-type="navigateTo"
											:data-url="`/pages/order/ptEvaluate/ptEvaluate?aid=${item.aid}&user_id=${item.rider_id}&time=${item.finish_time}&rider_send_star=${item.comment_info.rider_send_star}`">查看评价</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status=='4' && item.pay_status == '1' && item.after_sale == 0" @tap.stop="handleJumpDiy" data-type="navigateTo" 
					         :data-url="`/pages/order/sqRefund/sqRefund?order_sn=${item.order_sn}&type=2`">申请售后</button>
							<!-- @tap.stop="handleJumpDiy" data-type="navigateTo"
							 :data-url="`/pages/inSchool/cashier/cashier?money=${item.order_money}&order_sn=${item.order_sn}&type=2`" -->
                                            <button class='order_bodyItemfd0_0_c3_c1_c0_c3_c2' v-if="(item.status=='3' && item.pay_status == '0') || (item.status=='4' && item.pay_status == '0')" @tap.stop="caozuo(item,4)">立即付款</button>
                                            <button class='order_bodyItemfd0_0_c3_c1_c0_c3_c2' v-if="item.status=='3' && item.pay_status == '1'">联系骑手</button>
                                            <button class='order_bodyItemfd0_0_c3_c1_c0_c3_c2' v-if="item.status=='4' && item.pay_status == '1' && item.is_evaluate == '0'"
											@tap.stop="handleJumpDiy" data-type="navigateTo"
											:data-url="`/pages/order/ptEvaluate/ptEvaluate?aid=${item.aid}&user_id=${item.rider_id}&time=${item.finish_time}`">去评价</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c2' v-if="item.status=='4' && item.pay_status == '1' && item.is_evaluate != '0'"
											@tap.stop="handleJumpDiy" data-type="navigateTo"
											:data-url="`/pages/order/ptEvaluate/ptEvaluate?aid=${item.aid}&user_id=${item.rider_id}&time=${item.finish_time}&rider_send_star=${item.comment_info.rider_send_star}`" style="margin-right: 32rpx;">查看评价</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status == -1" @tap.stop="caozuo(item,3)">删除订单</button>
											<button class='order_bodyItemfd0_0_c3_c1_c0_c3_c1' v-if="item.status=='4' && item.pay_status == '1' && item.is_evaluate != '0'">查看详情</button>
                                        </view>
                                    </view>
                                </template>
								<view v-if="list1.length == 0" class="text-xl text-center text-gray flex flex-direction align-center justify-center"
									style="margin-top: 20%;">
									<image :src='STATIC_URL+"137.png"' mode="widthFix" style="width:400rpx;"></image>
								</view>
                                <!-- <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData" :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty> -->
                            </view>
                        </view>
                    </view>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <benben-popup v-model="popupShow1715853115642" :mask="true" :mask-close-able="true" mode='center'>
                <!---取消订单弹窗flex布局开始-->
                <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout order_flex_1">
                    <text class='order_fd1_0'>提示</text>
                    <text class='order_fd1_1'>确定要取消订单吗？</text>
                    <view class='flex flex-wrap align-center'>
                        <button class='order_fd1_2_c0' @tap.stop="popupShow1715853115642=false">取消</button>
                        <button class='order_fd1_2_c1' @tap.stop="post66702f70e1272">确认</button>
                    </view>
                </view>

                <!---取消订单弹窗flex布局结束-->

            </benben-popup>
			<!-- 确定已经取到商品吗 -->
			<benben-popup v-model="popupShow1715853115641" :mask="true" :mask-close-able="true" mode='center'>
			    <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout order_flex_1">
			        <text class='order_fd1_0'>提示</text>
			        <text class='order_fd1_1'>确定已经取到商品吗？</text>
			        <view class='flex flex-wrap align-center'>
			            <button class='order_fd1_2_c0' @tap.stop="popupShow1715853115641=false">取消</button>
			            <button class='order_fd1_2_c1' @tap.stop="post6694cb0dc6885">确认</button>
			        </view>
			    </view>
			</benben-popup>
			
            <benben-popup v-model="popupShow1715853333314" :mask="true" :mask-close-able="true" mode='center'>
                <!---撤销申请弹窗flex布局开始-->
                <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout order_flex_2">
                    <text class='order_fd2_0'>提示</text>
                    <text class='order_fd2_1'>确定要撤销申请吗？</text>
                    <view class='flex flex-wrap align-center'>
                        <button class='order_fd2_2_c0' @tap.stop="popupShow1715853333314=false">取消</button>
                        <button class='order_fd2_2_c1' @tap.stop="post647422bf5029b">确认</button>
                    </view>
                </view>

                <!---撤销申请弹窗flex布局结束-->

            </benben-popup>
            <benben-popup v-model="popupShow1715853663350" :mask="true" :mask-close-able="true" mode='center'>
                <!---删除订单弹窗flex布局开始-->
                <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout order_flex_3">
                    <text class='order_fd3_0'>提示</text>
                    <text class='order_fd3_1'>确定要删除订单吗？</text>
                    <view class='flex flex-wrap align-center'>
                        <button class='order_fd3_2_c0' @tap.stop="popupShow1715853663350=false">取消</button>
                        <button class='order_fd3_2_c1' @tap.stop="post66714a3dd6129">确认</button>
                    </view>
                </view>

                <!---删除订单弹窗flex布局结束-->

            </benben-popup>


        </view>
    </page-body>
</template>
<script>
    import pagingList from '@/common/mixin/paging_list.js';
    import {
        validate
    } from '@/common/utils/validate.js'

    export default {
        components: {},
        // mixins: [pagingList],

        data() {
            return {
				popupShow1715853115641:false,
                "popupShow1715853663350": false,
                "popupShow1715853333314": false,
                "popupShow1715853115642": false,
                "tabsInfobodyItemfd0_0_c4_c0": {
                    lineleft: '',
                    lineWidth: '',
                    moveX: 0,
                    scrollX: 0,
                    PageScrollX: 0
                },
                "tabsInfobodyItemfd0_0_c3_c0": {
                    lineleft: '',
                    lineWidth: '',
                    moveX: 0,
                    scrollX: 0,
                    PageScrollX: 0
                },
                "tabsInfofd0_0": {
                    lineleft: '',
                    lineWidth: '',
                    moveX: 0,
                    scrollX: 0,
                    PageScrollX: 0
                },
                "bodyItemfd0_0_c3_c1_c0_c3_c0_c1": 360000,
                "minixPagingListsApi": "",
                "pageingListApiMethod": "",
                "allowOnloadGetList": false,
                "tabs": "1",
                "tabs1": "all",
                "tabs2": "1",
                "list1": [],
				orderItem:'',
				postType:false,
				page:1,
				isShow:false,
				upType:true,
				tabList1:[
					{name:'全部',aid:'all'},
					{name:'待付款',aid:'0'},
					{name:'待接单',aid:'1'},
					{name:'进行中',aid:'10'},
					{name:'已完成',aid:'8'},
				],
				tabList2:[
					{name:'全部',aid:'1'},
					{name:'待接单',aid:'2'},
					{name:'进行中',aid:'3'},
					{name:'已完成',aid:'4'},
					{name:'待付款',aid:'5'},
				],
            };
        },
        computed: {
			isLogin() {
			    return this.$store.state.token == '' ? false : true;
			}
        },
        watch: {},
        onLoad(options) {

        },
        onUnload() {

        },
        onReady() {

        },
        onShow() {
            this.getsa670e3e65dc60Func()
        },
        onHide() {

        },
        onResize() {

        },
        onPullDownRefresh() {

        },
        onReachBottom(e) {

        },
        onPageScroll(e) {

        },
        methods: {
			caozuo(item,type){
				this.orderItem = item
				if(type == 1){
					this.popupShow1715853115642 = true
				}else if(type == 2){
					this.popupShow1715853333314 = true
				}else if(type == 3){
					this.popupShow1715853663350 = true
				}else if(type == 4){
					this.zhifu()
				}else if(type == 5){
					this.popupShow1715853115641 = true
				}
				
			},
			async zhifu(){
				let res = await this.$api.post(global.apiUrls.post66a7441b16125,{order_sn:this.orderItem.order_sn});
				if (res.data.code != 1) {
				    this.$message.info(res.data.msg);
				    return
				}
				let dats = res.data.data
				// 是否开始自动支付
				if(dats.pay_status == 1){
					this.$urouter.navigateTo(`/pages/inSchool/payResult/payResult?money=${dats.payable_money}&pay_id=3&type=2`);
				}else{
					uni.navigateTo({
						url: `/pages/inSchool/cashier/cashier?money=${res.data.data.payable_money}&order_sn=${res.data.data.order_sn}&type=2&countdown=${dats.surplus_time || 0}`
					});
				}
			},
			// 删除订单
			async post66714a3dd6129(){
				if(this.postType){
					return
				}
				this.postType = true
				let url = ''
				let page = {
					order_sn:this.orderItem.order_sn,
				}
				if(this.tabs == 1){
					url = global.apiUrls.post646833a12bafe 
					page.cancel_role = 1
				}else{
					url = global.apiUrls.post66714a3dd6129
					page.user_role = 1
				}
				let datauser = await this.$api.post(url, page);
				if (datauser.data.code != 1) {
					this.postType = false
				    this.$message.info(datauser.data.msg);
				    return
				}
				this.$message.info('删除成功');
				this.popupShow1715853663350 = false
				this.page == 1
				this.isShow = true
				this.getsa670e3e65dc60Func()
				this.postType = false
			},
			// 撤销申请
			async post647422bf5029b(){
				if(this.postType){
					return
				}
				this.postType = true
				let datauser = await this.$api.post(global.apiUrls.post647422bf5029b, {
					order_sn:this.orderItem.order_sn,
					order_type:this.tabs,
				});
				if (datauser.data.code != 1) {
					this.postType = false
				    this.$message.info(datauser.data.msg);
				    return
				}
				this.popupShow1715853333314 = false
				this.page == 1
				this.isShow = true
				this.getsa670e3e65dc60Func()
				this.postType = false
			},
			// 确认取货
			async post6694cb0dc6885(){
				if(this.postType){
					return
				}
				this.postType = true
				let datauser = await this.$api.post(global.apiUrls.post6694cb0dc6885, {
					order_sn:this.orderItem.order_sn,
				});
				if (datauser.data.code != 1) {
					this.postType = false
				    this.$message.info(datauser.data.msg);
				    return
				}
				this.$message.info('确认成功！');
				this.popupShow1715853115641 = false
				this.page == 1
				this.isShow = true
				this.getsa670e3e65dc60Func()
				this.postType = false
			},
			// 取消订单
			async post66702f70e1272(){
				if(this.postType){
					return
				}
				this.postType = true
				let url = ''
				let page = {
					order_sn:this.orderItem.order_sn,
				}
				if(this.tabs == 1){
					url = global.apiUrls.post646f1691d1cda
				}else{
					url = global.apiUrls.post66702f70e1272
					page.cancel_role = 1
				}
				let datauser = await this.$api.post(url,page);
				if (datauser.data.code != 1) {
					this.postType = false
				    this.$message.info(datauser.data.msg);
				    return
				}
				this.$message.info('取消成功！');
				this.popupShow1715853115642 = false
				this.page == 1
				this.isShow = true
				this.getsa670e3e65dc60Func()
				this.postType = false
			},
			together(){
				if(uni.getStorageSync('orderType')){
					this.tabs = uni.getStorageSync('orderType')
					uni.setStorageSync('orderType', '')
				}
				this.page == 1
				this.isShow = true
				if(this.isLogin){
					this.getsa670e3e65dc60Func()
				}else{
					this.isShow = false
					this.list1 = []
				}
				// this.getsa670e3e65dc60Func()
			},
			tabsTap(tap,type){
				console.log(tap,type,11111111)
				if(type == 1){
					this.tabs = tap
				}else if(type == 2){
					this.tabs1 = tap
				}else if(type == 3){
					this.tabs2 = tap
				}
				this.page == 1
				this.isShow = true
				
				this.page == 1
				this.isShow = true
				if(this.isLogin){
					this.getsa670e3e65dc60Func()
				}else{
					this.isShow = false
					this.list1 = []
				}
			},
            //用户端-我的订单-跑腿订单列表
            async getsa670e3e65dc60Func() {
				let url = ''
				let page = {
					page:this.page
				}
				if(this.tabs == 1){
					url = global.apiUrls.post64682dfc51f3e
					page.status = this.tabs1
				}else{
					url = global.apiUrls.post6670e3e65dc60
					page.status = this.tabs2
				}
				let res = await this.$api.get(url,page);
				if (res.data.code != 1) {
				    this.$message.info(res.data.msg);
				    return
				}
				// total
				if(this.page == 1){
					this.list1 = []
				}
				let list = res.data.data.data
				this.list1 = this.list1.concat(list)
				if(this.list1.length < res.data.data.total){
					this.upType = true
				}else{
					this.upType = false
				}
				// console.log(this.list1,)
				this.isShow = false
                // this.minixPagingListsApi = url;
                // this.pageingListApiMethod = 'get';
                // this.allowOnloadGetList = false;
                // this.pagingListPostDataContent = page
                // this.listData = [];
                // this.list1 = this.listData;
                // this.pagingListToggle();

            },
            pagingListPostData() {
                // return this.pagingListPostDataContent
            }
        }
    };
</script>
<style lang="scss" scoped>
    .page {
        width: 100vw;
        overflow-x: hidden;
        min-height: calc(100vh - var(--window-bottom));
        background: rgba(246, 247, 249, 1);
        background-size: 100% auto;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c2_c0 {
        color: #999999;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
        margin: 0rpx auto 0rpx 0rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c2 {
        border-top: 1px solid #eee;
        padding: 32rpx 0rpx 32rpx 0rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c1_c1_c1 {
        padding: 40rpx 0rpx 32rpx 0rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c3 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 500;
        line-height: 33rpx;
        margin: 0rpx 5rpx 0rpx 0rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c1 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 500;
        line-height: 33rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1_c0 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 500;
        line-height: 33rpx;
        max-width: 200rpx;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c1 {
        margin: 20rpx 0rpx 0rpx 0rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0_c0 {
        color: #000000;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c1_c1_c0 {
        border-bottom: 1px solid #eee;
        padding: 40rpx 0rpx 32rpx 0rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c1_c0_c2 {
        background: url(image-path('54.png')) no-repeat;
        background-size: 100% auto;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c1_c0_c1 {
        width: 8rpx;
        height: 32rpx;
        margin: 40rpx 0rpx 40rpx 0rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c1_c0_c0_c0 {
        color: #FFFFFF;
        font-size: 22rpx;
        font-weight: 700;
        line-height: 30rpx;
        padding: 5rpx 9rpx 13rpx 9rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c1_c0_c0 {
        background: url(image-path('53.png')) no-repeat;
        background-size: 100% auto;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c1_c0 {
        margin: 0rpx 40rpx 0rpx 0rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c0_c3 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c0_c2 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 400;
        line-height: 33rpx;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin: 0rpx 24rpx 0rpx 0rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c0_c1 {
        color: #999999;
        font-size: 24rpx;
        font-weight: 400;
        line-height: 33rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c0_c0_2 {
        background: rgba(22, 158, 240, 1);
        border-radius: 16rpx 2rpx 16rpx 2rpx;
        font-size: 22rpx;
        color: var(--benbenFontColor3);
        padding: 0rpx 10rpx 0rpx 10rpx;
        height: 36rpx;
        line-height: 36rpx;
        margin: 0rpx 16rpx 0rpx 0rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c0_c0_1 {
        background: rgba(52, 187, 52, 1);
        border-radius: 16rpx 2rpx 16rpx 2rpx;
        font-size: 22rpx;
        color: var(--benbenFontColor3);
        padding: 0rpx 10rpx 0rpx 10rpx;
        height: 36rpx;
        line-height: 36rpx;
        margin: 0rpx 16rpx 0rpx 0rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c0_c0 {
        background: var(--benbenbgColor0);
        border-radius: 16rpx 2rpx 16rpx 2rpx;
        font-size: 22rpx;
        color: var(--benbenFontColor3);
        padding: 0rpx 10rpx 0rpx 10rpx;
        height: 36rpx;
        line-height: 36rpx;
        margin: 0rpx 16rpx 0rpx 0rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0_c0 {
        margin: 30rpx 0rpx 20rpx 0rpx;
    }

    .order_bodyItemfd0_0_c4_c1_c0 {
        background: var(--benbenbgColor1);
        background-size: 100% auto;
        border-radius: 16rpx;
        margin: 0rpx 0rpx 24rpx 0rpx;
        padding: 0rpx 32rpx 0rpx 32rpx;
    }

    .order_titleItembodyItemfd0_0_c4_c0_c7_c1 {
        background: rgba(246, 52, 52, 1);
        width: 10rpx;
        height: 10rpx;
        border-radius: 5rpx;
        background-size: 100% auto;
        margin: 0rpx 0rpx 14rpx 0rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c3_c2 {
        background: #FF8E21;
        border-radius: 36rpx 36rpx 36rpx 36rpx;
        width: 148rpx;
        line-height: 56rpx;
        font-size: 24rpx;
        color: #fff;
        height: 56rpx;
        margin: 0rpx 0rpx 0rpx 24rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c3_c1 {
        background: #F6F7F9;
        border-radius: 36rpx 36rpx 36rpx 36rpx;
        width: 148rpx;
        line-height: 56rpx;
        font-size: 24rpx;
        color: var(--benbenFontColor0);
        height: 56rpx;
		margin: 0 14rpx 0 0 ;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c3_c0_c1_c2 {
        color: #FF8E21;
        font-size: 24rpx;
        font-weight: 400;
        line-height: 33rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c3_c0_c1 {
        background: #FDEDE5;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c3_c0_c0 {
        color: #FF8E21;
        font-size: 24rpx;
        font-weight: 400;
        line-height: 33rpx;
        margin: 0rpx 10rpx 0rpx 0rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c3_c0 {
        background: #FDEDE5;
        padding: 0rpx 24rpx 0rpx 24rpx;
        height: 48rpx;
        border-radius: 0rpx 28rpx 28rpx 0rpx;
        background-size: 100% auto;
        margin: 0rpx auto 0rpx 0rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c3 {
        margin: 40rpx 24rpx 32rpx 0rpx;
        padding: 0rpx 0rpx 0rpx 0rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c2_c5 {
        color: #FF3434;
        font-size: 32rpx;
        font-weight: 700;
        line-height: 40rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c2_c4 {
        color: #FF3434;
        font-size: 22rpx;
        font-weight: 700;
        line-height: 40rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c2_c3 {
        color: #333333;
        font-size: 22rpx;
        font-weight: 500;
        line-height: 30rpx;
        margin: 0rpx 8rpx 0rpx 8rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c2_c0 {
        color: #333333;
        font-size: 22rpx;
        font-weight: 500;
        line-height: 30rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c2 {
        margin: 32rpx 24rpx 0rpx 24rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c1_c0_c1 {
        margin: 8rpx 0rpx 0rpx 0rpx;
        color: #333333;
        font-size: 24rpx;
        font-weight: 400;
        line-height: 33rpx;
        text-align: left;
        font-style: normal;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c1_c0_c0 {
        width: 148rpx;
        height: 120rpx;
        border-radius: 16rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c1_c0 {
        width: 148rpx;
        margin: 0rpx 10rpx 0rpx 0rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c1 {
        touch-action: none;
        width: 678rpx;
        margin: 0rpx 0rpx 0rpx 24rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c0_c2 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
        margin: 0rpx 0rpx 0rpx 8rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c0_c11 {
        border: 1px solid rgba(62, 158, 240, 1);
        background: var(--benbenbgColor1);
        border-radius: 4rpx;
        font-size: 20rpx;
        color: rgba(62, 158, 240, 1);
        padding: 0rpx 9rpx 0rpx 9rpx;
        height: 32rpx;
        line-height: 32rpx;
    }
	.order_bodyItemfd0_0_c3_c1_c0_c0_c12 {
	    border: 1px solid #FF8E21;
	    background: var(--benbenbgColor1);
	    border-radius: 4rpx;
	    font-size: 20rpx;
	    color: #FF8E21;
	    padding: 0rpx 9rpx 0rpx 9rpx;
	    height: 32rpx;
	    line-height: 32rpx;
	}
	.order_bodyItemfd0_0_c3_c1_c0_c0_c13 {
	    border: 1px solid rgba(52, 187, 52, 1);
	    background: var(--benbenbgColor1);
	    border-radius: 4rpx;
	    font-size: 20rpx;
	    color: rgba(52, 187, 52, 1);
	    padding: 0rpx 9rpx 0rpx 9rpx;
	    height: 32rpx;
	    line-height: 32rpx;
	}

    .order_bodyItemfd0_0_c3_c1_c0_c0_c0_c2 {
        width: 12rpx;
        height: 22rpx;
        margin: 0rpx 0rpx 0rpx 16rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c0_c0_c1 {
        color: #333333;
        font-size: 32rpx;
        font-weight: 500;
        line-height: 45rpx;
        max-width: 300rpx;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
		margin: 0 0 0 12px;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c0_c0_c0 {
        width: 56rpx;
        height: 56rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c0_c0 {
        margin: 0rpx 32rpx 0rpx 0rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0_c0 {
        margin: 32rpx 24rpx 32rpx 24rpx;
    }

    .order_bodyItemfd0_0_c3_c1_c0 {
        background: var(--benbenbgColor1);
        background-size: 100% auto;
        border-radius: 16rpx;
        margin: 0rpx 0rpx 24rpx 0rpx;
		padding: 0 0 32rpx 0 ;
    }

    .order_bodyItemfd0_0_c3_c1 {
        padding: 24rpx 24rpx 0rpx 24rpx;
    }

    .order_linebodyItemfd0_0_c3_c0 {
        background: var(--benbenbgColor0);
        width: 32rpx;
        height: 4rpx;
        top: 70rpx;
        background-size: 100% auto !important;
        border-radius: 100rpx;
    }

    .checkTitlebodyItemfd0_0_c3_c0 {
        font-weight: 700 !important;
        font-size: 32rpx !important;
        color: #FF8E21 !important;
        background-color: rgba(255, 255, 255, 1) !important;
    }

    ::v-deep .order_benbenTabsbodyItemfd0_0_c3_c0 {
        background: #fff;
        width: 750rpx;
        height: 80rpx;
        white-space: nowrap;
        font-size: 28rpx;
        font-weight: 400;
        color: #999999;
    }

    .order_titlefd0_0_c3 {
        margin: 0rpx 92rpx 0rpx 0rpx;
    }

    .order_linefd0_0 {
        background: rgba(213, 50, 21, 0);
        width: 100rpx;
        height: 8rpx;
        top: 80rpx;
        background-size: 100% auto !important;
    }

    .checkTitlefd0_0 {
        font-weight: 700 !important;
        font-size: 36rpx !important;
        color: #FF8E21 !important;
        background-color: rgba(255, 255, 255, 1) !important;
    }

    ::v-deep .order_benbenTabsfd0_0 {
        background: #fff;
        width: 750rpx;
        height: 88rpx;
        white-space: nowrap;
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
    }

    .order_flex_1 {
        background: #fff;
        width: 540rpx;
        background-size: 100% auto !important;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
    }

    .order_fd1_2_c1 {
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        background: #fff;
        border-radius: 0rpx 0rpx 16rpx 0rpx;
        font-size: 32rpx;
        color: var(--benbenFontColor4);
        width: 269rpx;
        height: 110rpx;
        line-height: 110rpx;
        font-weight: 500;
    }

    .order_fd1_2_c0 {
        border-top: 1px solid #eee;
        border-right: 1px solid #eee;
        background: #fff;
        border-radius: 0rpx 0rpx 0rpx 16rpx;
        font-size: 32rpx;
        color: rgba(153, 153, 153, 1);
        width: 269rpx;
        height: 110rpx;
        line-height: 110rpx;
        font-weight: 500;
    }

    .order_fd1_1 {
        line-height: 45rpx;
        font-size: 32rpx;
        font-weight: 500;
        color: #333333;
        margin: 0rpx 0rpx 38rpx 0rpx;
        text-align: center;
    }

    .order_fd1_0 {
        line-height: 45rpx;
        font-size: 32rpx;
        font-weight: 400;
        color: #333333;
        margin: 40rpx 0rpx 36rpx 0rpx;
        text-align: center;
    }

    .order_flex_2 {
        background: #fff;
        width: 540rpx;
        background-size: 100% auto !important;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
    }

    .order_fd2_2_c1 {
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        background: #fff;
        border-radius: 0rpx 0rpx 16rpx 0rpx;
        font-size: 32rpx;
        color: var(--benbenFontColor4);
        width: 269rpx;
        height: 110rpx;
        line-height: 110rpx;
        font-weight: 500;
    }

    .order_fd2_2_c0 {
        border-top: 1px solid #eee;
        border-right: 1px solid #eee;
        background: #fff;
        border-radius: 0rpx 0rpx 0rpx 16rpx;
        font-size: 32rpx;
        color: rgba(153, 153, 153, 1);
        width: 269rpx;
        height: 110rpx;
        line-height: 110rpx;
        font-weight: 500;
    }

    .order_fd2_1 {
        line-height: 45rpx;
        font-size: 32rpx;
        font-weight: 500;
        color: #333333;
        margin: 0rpx 0rpx 38rpx 0rpx;
        text-align: center;
    }

    .order_fd2_0 {
        line-height: 45rpx;
        font-size: 32rpx;
        font-weight: 400;
        color: #333333;
        margin: 40rpx 0rpx 36rpx 0rpx;
        text-align: center;
    }

    .order_flex_3 {
        background: #fff;
        width: 540rpx;
        background-size: 100% auto !important;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
    }

    .order_fd3_2_c1 {
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        background: #fff;
        border-radius: 0rpx 0rpx 16rpx 0rpx;
        font-size: 32rpx;
        color: var(--benbenFontColor4);
        width: 269rpx;
        height: 110rpx;
        line-height: 110rpx;
        font-weight: 500;
    }

    .order_fd3_2_c0 {
        border-top: 1px solid #eee;
        border-right: 1px solid #eee;
        background: #fff;
        border-radius: 0rpx 0rpx 0rpx 16rpx;
        font-size: 32rpx;
        color: rgba(153, 153, 153, 1);
        width: 269rpx;
        height: 110rpx;
        line-height: 110rpx;
        font-weight: 500;
    }

    .order_fd3_1 {
        line-height: 45rpx;
        font-size: 32rpx;
        font-weight: 500;
        color: #333333;
        margin: 0rpx 0rpx 38rpx 0rpx;
        text-align: center;
    }

    .order_fd3_0 {
        line-height: 45rpx;
        font-size: 32rpx;
        font-weight: 400;
        color: #333333;
        margin: 40rpx 0rpx 36rpx 0rpx;
        text-align: center;
    }
	
	
	
	
	
	
	
	.detailsDd_flex_0 {
	    background: #fff;
	    width: 750rpx;
	    height: 88rpx;
	    overflow: hidden;
	    z-index: 10;
		position: fixed;
		left: 0;
	    top: 0;
	    // background-size: 100% auto !important;
	}
	.detailsDd_fd0_0 {
	    padding: 0rpx 32rpx 0rpx 32rpx;
	    height: 88rpx;
	}
	.detailsDd_fd0_1{
		width: 40%;
		text-align: center;
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
		line-height: 88rpx;
	}
	.detailsDd_fd0_2{
		font-size: 36rpx;
		color: #FF8E21;
	}
	.ding_1{
		// position: fixed;
		height: 80rpx;
		background: #fff;
		
	}
	.ding_2{
		width: 20%;
		text-align: center;
		line-height: 80rpx;
		position: relative;
	}
	.ding_3{
		position: absolute;
		bottom: 6rpx;
		left: 50%;
		transform: translateX(-50%);
		width: 32rpx;
		height: 4rpx;
		background: #FF8E21;
		border-radius: 100rpx;
	}
	.ding_4{
		font-size: 32rpx;
		color: #FF8E21;
	}
</style>